<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<%@ include file="/WEB-INF/views/include/head.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>${ecard.name}</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="decorator" content="default" />
<meta name="viewport"
	content="width=device-width initial-scale=1.0  maximum-scale=1.0">
<script type="text/javascript"
	src="${ctxStatic}/mobile-template/ecard/${theme }/jquery.min.js"></script>
<script type="text/javascript"
	src="${ctxStatic}/mobile-template/ecard/${theme }/jquery.mobile-1.3.0.min.js"></script>
<script type="text/javascript"
	src="${ctxStatic}/mobile-template/ecard/${theme }/return_top.js"></script>
<link rel="stylesheet" type="text/css"
	href="${ctxStatic}/mobile-template/ecard/${theme }/jquery.mobile-1.3.0.css">
<link rel="stylesheet" type="text/css"
	href="${ctxStatic}/mobile-template/ecard/${theme }/red_person.css">
</head>
<body class="ui-mobile-viewport ui-overlay-cyan">
	<link
		href="${ctxStatic}/mobile-template/ecard/${theme }/jiathis_counter.css"
		rel="stylesheet" type="text/css">
	<script src="${ctxStatic}/mobile-template/ecard/${theme }/jiathis.php"
		charset="utf-8">
</script>
	<link
		href="${ctxStatic}/mobile-template/ecard/${theme }/jiathis_share.css"
		rel="stylesheet" type="text/css">
	<iframe frameborder="0"
		style="position: absolute; display: none; opacity: 0; max-height: 300px;"></iframe>
	<div class="jiathis_style"
		style="position: absolute; z-index: 1000000000; display: none; top: 50%; left: 50%; overflow: auto;"></div>
	<div class="jiathis_style"
		style="position: absolute; z-index: 1000000000; display: none; overflow: auto;"></div>
	<iframe frameborder="0"
		src="http://v3.jiathis.com/code_mini/jiathis_utility.html"
		style="display: none; max-height: 300px;"></iframe>
	<div data-role="page" id="page1" data-title="" data-url="demo-page"
		tabindex="0" data-theme="cyan" style="min-height: 607px;"
		class="ui-page ui-body-cyan ui-page-active">
		<div data-role="header" data-theme="vermilion"
			class="ui-header ui-bar-vermilion" role="banner">
			<h1 class="ui-title" role="heading" aria-level="1">
				${ecard.name}电子名片</h1>
			<a href="#"
				class="btn_quick ui-btn-right ui-btn ui-btn-up-c ui-shadow ui-btn-corner-all"
				data-corners="true" data-shadow="true" data-iconshadow="true"
				data-wrapperels="span" data-theme="c"><span class="ui-btn-inner"><span
					class="ui-btn-text">栏目</span></span></a>
		</div>
		<div data-role="content" class="ui-content" role="main">
			<div class="sub_container" id="sub1">
				<div class="person">
					<img src="${ctxFront }/ecard/${ecard.id }.jpg" class="pic">
					<p class="name">${ecard.name}</p>
					<p class="touxian">
						<span> ${ecard.department} </span> <br> <span>
							${ecard.title} </span>
					</p>
					<div class="clearfix"></div>
				</div>
				<!--  -->
				<a href="tel:${ecard.tel}" class="btn_row bg_phone ui-link">
					${ecard.tel} </a> <a href="mailto:${ecard.mail}"
					class="btn_row bg_email ui-link"> ${ecard.mail} </a> <a
					href="http://2weima.hdzhx.com/EcardMembers/vcf/Wrp_1e"
					class="btn_row bg_save ui-link"> 一键保存通讯录 </a>
				<p class="tip">
					<span class="waring">提示:</span> <span>有些扫码软件可能无效,Iphone请在系统自带的
						Safari 浏览器中打开。</span>
				</p>
				<a href="#share" class="btn_row bg_share ui-link"> 分享 </a>

				<div class="colum">
					<div class="title">个人简介</div>
					<div class="content">
						<p>${ecard.description}</p>
					</div>
				</div>

			</div>
			<div class="sub_container none" id="sub2">
				<div class="logo">
					<img src="${ctxFront }/ecard/organ${ecard.organInfo.id }.logo"
						alt="">
				</div>
				<div class="colum">
					<div class="content">
						<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							${ecard.organInfo.description}</p>
					</div>
				</div>
				<div class="list_view">
					<ul>
						<li class="bg_card">${ecard.organInfo.name}</li>

						<li class="bg_phone">${ecard.organInfo.tel}</li>

						<li class="bg_sina">${ecard.organInfo.weibo}</li>

						<li class="bg_pc">${ecard.organInfo.site}</li>

						<li class="bg_weixin">${ecard.organInfo.weixin}</li>

						<li class="bg_place last">${ecard.organInfo.address}</li>
					</ul>
				</div>
			</div>
			<div class="sub_container none" id="sub3">
				<div class="articel_section first"></div>

				<c:forEach items="${ecard.organInfo.organEvents }" var="event"
					varStatus="status">
					<div class="articel_section">
						<div class="section_inner">
							<div class="time">
								<span class="year"><fmt:formatDate value="${event.createTime}" pattern="yyyy"/></span> <span class="month"><fmt:formatDate value="${event.createTime}" pattern="MM"/></span> <span
									class="day"><fmt:formatDate value="${event.createTime}" pattern="dd"/></span>
							</div>
							<div class="title">
								<a
									href="${ctxFront }/ecard/event-${event.id}.html"
									class="ui-link">  ${event.title } </a>
							</div>
							<div class="content">${event.content }</div>
						</div>
					</div>
				</c:forEach>




			</div>
		</div>
		<div class="footer" style="width: 100%">
			<p style="text-align: center">
				技术支持 <a href="#power"
					onclick="$(&#39;#power&#39;).toggle()" class="ui-link"> 邯郸智讯</a>
			</p>
			<div id="power" style="display: none; text-align: center">
				<div style="margin: 10px;">
					<div class="aboutus">
						<p>邯郸智讯</p>
						<p>
							客服电话： <a href="tel:0310-7056607" class="ui-link">0310-7056607</a>
						</p>
						<p>客服QQ: 66587811</p>
						<p>客服邮箱: jakemnase@163.com</p>
						<p>公司地址: 邯郸市丛台区帝豪雅居B座11楼08室</p>
					</div>
				</div>
			</div>
		</div>
		<!-- 下拉按钮 -->
		<div class="pop none" style="">
			<ul>
				<li><a href="#" onclick="changePage(&#39;#sub2&#39;)"
					class="ui-link"><i class="icon icon-danwei"></i> 单位信息</a></li>
				<li class="divi"></li>
				<li><a href="#" onclick="changePage(&#39;#sub3&#39;)"
					class="ui-link"><i class="icon icon-huodong"></i> 公司活动</a></li>
				<li><a href="#" onclick="changePage(&#39;#sub1&#39;)"
					class="ui-link"><i class="icon icon-home"></i>返回首页</a></li>
			</ul>
			<img
				src="${ctxStatic}/mobile-template/ecard/${theme }/triangle_block.png"
				class="triangle" alt="">
		</div>

		<!-- 返回顶部 -->
		<a href="#top" class="btn_top ui-link" data-ajax="false" title=""
			style="display: block;"> <img
			src="${ctxStatic}/mobile-template/ecard/${theme }/bg_top.png" alt=""
			width="30px" height="30px">
		</a>
	</div>
	<script type="text/javascript">
		//关闭全局ajax
		$(document).bind("pageinit", function(){
		    $.mobile.ajaxEnabled = false;
		});
		$(".btn_quick").click(function() {
			$(".pop").fadeToggle(1000);
		});

		// 滑动切换
		// var current_page = 1;
		// var count = 3;

		// $("body").bind("swiperight",function(e){
		// 	if(current_page > 1){
		// 		current_page--;
		// 		changePage("#sub"+current_page);
		// 	}else{
		// 		e.stopPropagation(); //阻止事件冒泡
		// 	}
		// });
		// $("body").bind("swipeleft",function(e){
		// 	if(current_page < 3){
		// 		current_page++;
		// 		changePage("#sub"+current_page);
		// 	}else{
		// 		e.stopPropagation(); //阻止事件冒泡
		// 	}
		// });

		function changePage(select){
			$(".sub_container").hide();
			$(select).show();
			$(".pop").hide();
		}
	</script>

	<script type="text/javascript">
    try {
        window.onload = autoSize;
        function autoSize(){
            $("img,iframe,embed").each(function(){
                if($(this).width() > $(this).parent().width() || $(this).width() > $(window).width()){
                    $(this).css('max-width',"100%");
                }
            });
            $("iframe").each(function(){
                $(this).css('max-height',$(this).width());
            })
        }
    }catch (e) {
    }
</script>
	<div class="ui-loader ui-corner-all ui-body-a ui-loader-default">
		<span class="ui-icon ui-icon-loading"></span>
		<h1>loading</h1>
	</div>
	<div id="media_floatingBar"
		style="position: absolute; left: 74px; top: 3688px;">
		<a id="002" title="放大镜"
			style="background-image: url(chrome-extension://fjccknnhdnkbanjilpjddjhmkghmachn/images/floating_bar_zoom.png);"></a><a
			id="003" title="设置背景桌面"
			style="background-image: url(chrome-extension://fjccknnhdnkbanjilpjddjhmkghmachn/images/floating_bar_bg.png);"></a><a
			id="005" title="保存图片"
			style="background-image: url(chrome-extension://fjccknnhdnkbanjilpjddjhmkghmachn/images/floating_bar_save.png);"></a>
	</div>
</body>
</html>